<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>导航条</title>
	<style>
		a {
			display: inline-block;
			height: 30px;
			width: 120px;
			background: green;

			text-decoration: none;
			text-align: center;
			color: pink;	

			font-size: 20px;		
			line-height: 30px	;	
		}

		/*鼠标经过*/
		a:hover {
			background-color: orange;
			color: yellow;

		}
	</style>
</head>	
<body>
	<a href="#">汽车</a>
	<a href="#">摩托车</a>
	<a href="#">卡车</a>
	<a href="#">面包车</a>
</body>
</html>